<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5" >

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>发改局</title>

    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
    <!-- IonIcons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="../dist/css/adminlte.min.css">
    <!-- Ekko Lightbox -->
    <link rel="stylesheet" href="../plugins/ekko-lightbox/ekko-lightbox.css">

</head>


<body class="hold-transition sidebar-mini">
<div class="wrapper">

    <!-- 主内容容器 -->
    <div class="content-wrapper">
        <!-- 容器头标题 -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">添加企业</h1>
                    </div>

                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="#">首页</a></li>
                            <li class="breadcrumb-item active">添加企业</li>
                        </ol>
                    </div>

                </div>

            </div>

        </div>


        <!-- 主题内容正文 -->
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">


                        <!-- 添加div -->
                        <div class="card card-primary">
                            <!-- 卡片头部 -->
                            <div class="card-header">
                                <h3 class="card-title">添加企业</h3>
                            </div>
                            <!--卡片头部结束 -->
                            <!-- 表单开始 -->
                            <form id="formbody" action="/en/enterprise" method="post" enctype="multipart/form-data">
                                <div class="card-body">

                                    <div class="row">
                                        <div class="col-lg-6">

                                            <div class="form-group">
                                                <label for="en_name"><span style="color: red">*</span>企业名称</label>
                                                <input type="text" class="form-control" id="en_name" name="enName" placeholder="企业名称">
                                            </div>

                                            <div class="form-check" style="margin-bottom: 5px;">
                                                <input type="checkbox" class="form-check-input" id="subEn">
                                                <label class="form-check-label" for="subEn">是否为子企业</label>
                                            </div>

                                            <div class="form-group">
                                                <label>父企业选择</label>
                                                <select class="form-control" id="parentEn" name="rId" disabled>
                                                    <option>下拉请选择企业</option>
                                                </select>
                                            </div>

                                            <div class="form-group">
                                                <label for="en_persion_name"><span style="color: red">*</span>企业负责人姓名</label>
                                                <input type="text" class="form-control" id="en_persion_name" name="enPersionName" placeholder="企业负责人姓名">
                                            </div>

<!--                                            <div class="form-group">-->
<!--                                                <label for="industry"><span style="color: red">*</span>所属行业</label>-->
<!--                                                <input type="text" class="form-control" id="industry" name="industry" placeholder="所属行业">-->
<!--                                            </div>-->

<!--                                            <div class="form-group">-->
<!--                                                <label for="totalInvestment"><span style="color: red">*</span>总投资(万元)</label>-->
<!--                                                <input type="number" class="form-control" id="totalInvestment" name="totalInvestment" placeholder="总投资">-->
<!--                                            </div>-->

                                            <div class="form-group">
                                                <label><span style="color: red">*</span>上传企业执照</label>

                                                <!--                                        <div class="input-group">-->
                                                <!--                                            <div class="row">-->
                                                <!--                                                <div class="col-lg-12">-->
                                                <!--                                                    <a id="a_link" href=""-->
                                                <!--                                                            class="thumbnail" data-toggle="lightbox" data-title="图片预览">-->
                                                <!--                                                        <img id="a_img" src="" class="img-fluid mb-2" alt="营业执照" style="border: 1px solid black; padding: 10px; width: 180px;"/>-->
                                                <!--                                                    </a>-->
                                                <!--                                                </div>-->
                                                <!--                                            </div>-->
                                                <!--                                        </div>-->

                                                <div class="input-group" style="margin: 7px;">
                                                    <div class="row">
                                                        <div class="col-lg-12">
                                                            <div class="input-file">
                                                                <input type="file" name="file" class="custom-file-input" id="file_id" style="width: 500px;">
                                                                <label class="custom-file-label" for="file_id" id="uploadFileText">请选择</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>

                                            <!-- 复选框 -->
                                            <div class="form-check" style="margin-bottom: 10px;">
                                                <input type="checkbox" class="form-check-input" name="enable" id="enable">
                                                <label class="form-check-label" for="enable">是否运营</label>
                                            </div>




                                        </div>
                                        <div class="col-lg-6">



                                            <div class="form-group">
                                                <label for="en_tel"><span style="color: red">*</span>企业联系电话(<span style="color: blue">座机</span>/<span style="color: blue">手机</span>)号</label>
                                                <input type="text" class="form-control" id="en_tel" name="enTel" placeholder="企业联系电话">
                                            </div>

                                            <div class="form-group">
                                                <label for="project_report_persion"><span style="color: red">*</span>项目上报人</label>
                                                <input type="text" class="form-control" id="project_report_persion" name="projectReportPerson" placeholder="项目上报人">
                                            </div>

                                            <div class="form-group">
                                                <label for="project_report_persion_post"><span style="color: red">*</span>项目上报人职务</label>
                                                <input type="text" class="form-control" id="project_report_persion_post" name="projectReportPersonPost" placeholder="项目上报人职务">
                                            </div>

                                            <div class="form-group">
                                                <label for="project_report_persion_tel"><span style="color: red">*</span>项目上报人手机号</label>
                                                <input type="tel" class="form-control" id="project_report_persion_tel" name="projectReportPersonTel" placeholder="项目上报人手机号">
                                            </div>

                                            <div class="form-group" th:if="${#httpSession.getAttribute('role_id') == 1}">
                                                <label><span style="color: red">*</span>为企业选择关联的用户</label>
                                                <select class="form-control" id="userId" name="userId">
                                                </select>
                                            </div>

                                        </div>
                                    </div>

                                </div>

                                <!-- 添加按钮 -->
                                <div class="card-footer">
                                    <button type="button" class="btn btn-primary" id="add_btn">添加</button>
                                </div>

                            </form>
                            <!-- 表单结束 -->
                        </div>
                        <!-- 卡片结束 -->
                    </div>


                    <div class="col-lg-6">
                    </div>

                </div>

            </div>

        </div>

    </div>


    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark">
        <!-- Control sidebar content goes here -->
    </aside>
    <!-- /.control-sidebar -->

    <!-- 版权信息 -->
    <footer class="main-footer">
        <strong>Copyright &copy; 2021 <a href="http://www.chengzhouyun.com/" target="_blank">ChengZhouYun</a>.</strong> All
        rights reserved.
        <div class="float-right d-none d-sm-inline-block">
            <b>Version</b> 1.0
        </div>
    </footer>
</div>
<!-- ./wrapper -->

<!-- REQUIRED SCRIPTS -->

<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE -->
<script src="../dist/js/adminlte.js"></script>

<!-- OPTIONAL SCRIPTS -->
<script src="../plugins/chart.js/Chart.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- Ekko Lightbox -->
<script src="../plugins/ekko-lightbox/ekko-lightbox.min.js"></script>
<!-- Filterizr-->
<script src="../plugins/filterizr/jquery.filterizr.min.js"></script>


</body>

<script th:inline="javascript">

    // true:数值型的，false：非数值型
    function myIsNaN(value) {
        return !isNaN(value);
    }

    function isPhoneNumber(val){
        var regPos =/^0?1[3|4|5|6|7|8][0-9]\d{8}$/;
        // var regpos2 = /\d{7}/;
        var regpos2 = /^\d{7}$/;
        var regpos3 = /\d{4}-\d{7}/;
        if(regPos.test(val) || regpos2.test(val) || regpos3.test(val)){
            return true;
        }else {
            return false;
        }
    }
    function isOnlyPhoneNumber(val){
        var regPos =/^0?1[3|4|5|6|7|8][0-9]\d{8}$/;
        if(regPos.test(val)){
            return true;
        }else {
            return false;
        }
    }

    function isEmptyNull(value){
        if (value == undefined || value == null || value =="") {
            return false;
        }
        return true;
    }

    $(function () {

        // 登录的角色是管理员的情况下在做请求
        // thymeleaf 模板引擎中获取session 的角色id和用户id
        const role_id = /*[[${#httpSession.getAttribute('role_id')}]]*/{};  //{}是默认值,/*[[${user}]]*/ 是传进去的值
        const user_id = /*[[${#httpSession.getAttribute('user_id')}]]*/{};  //{}是默认值,/*[[${user}]]*/ 是传进去的值

        // 添加企业按钮事件
        $("#add_btn").on("click",function(){

            if(!isEmptyNull($("#en_name").val())){
                alert('请填写企业名称');
                return;
            }

            // if(!isEmptyNull($("#address").val())){
            //     alert('请填写企业住所');
            //     return;
            // }
            // if(!isEmptyNull($("#industry").val())){
            //     alert('请填写所属行业');
            //     return;
            // }
            // if(!isEmptyNull($("#totalInvestment").val())){
            //     alert('请填写总投资');
            //     return;
            // }
            // if(!myIsNaN($("#totalInvestment").val())){
            //     alert('总投资填写不是有效数字');
            //     return;
            // }

            if(!isEmptyNull($("#file_id").val())){
                alert('请上传企业执照');
                return;
            }
            if(!isEmptyNull($("#en_persion_name").val())){
                alert('请填写企业负责人姓名');
                return;
            }
            if(!isEmptyNull($("#en_tel").val())){
                alert('请填写企业联系电话');
                return;
            }
            if(!isPhoneNumber($("#en_tel").val())){
                alert('填写企业联系电话不是有效号码');
                return;
            }
            if(!isEmptyNull($("#project_report_persion").val())){
                alert('请填写项目上报人');
                return;
            }
            if(!isEmptyNull($("#project_report_persion_post").val())){
                alert('请填写项目上报人职务');
                return;
            }
            if(!isEmptyNull($("#project_report_persion_tel").val())){
                alert('请填写项目上报人手机号');
                return;
            }
            if(!isOnlyPhoneNumber($("#project_report_persion_tel").val())){
                alert('填写项目上报人手机号码格式不正确');
                return;
            }
            if(role_id === 1){
                if(!isEmptyNull($("#userId").val())){
                    alert('请为企业选择关联的用户');
                    return;
                }
            }


            // 此处使用ajax文件上传
            $.ajax({
                url:"/en/enterprise",
                type:"post",
                data: new FormData($("#formbody")[0]),
                contentType: false,
                processData : false,
                dataType:"json",
                success: function(res){

                    if(res.statusCode == 200) {

                        if(role_id != 1){
                            // 更新级联添加标志
                            $.ajax({
                                url:'/usr/user/'+ user_id,
                                type:'PUT',
                                contentType:"application/json",
                                dataType:"json",
                                success: function(res){
                                    if(res.statusCode == 200){
                                        console.log(res.message)
                                        // 跳转页面

                                        if(role_id != 1){
                                            var jltj_li = window.parent.document.getElementById("jltj_li");
                                            var jltj_li2 = window.parent.document.getElementById("jltj_li2");
                                            var tjqy_li = window.parent.document.getElementById("tjqy_li");
                                            jltj_li.style = "display:none!important;"
                                            jltj_li2.style = "display:none;"
                                            tjqy_li.style = "display:none;"
                                        }

                                        location.href = "/page/EnterpriseInfo"
                                    }else{
                                        console.log(res.errorMsg)
                                    }
                                }
                            })
                        }

                        alert(res.message);
                        // 跳转页面

                        if(role_id != 1){
                            var jltj_li = window.parent.document.getElementById("jltj_li");
                            var jltj_li2 = window.parent.document.getElementById("jltj_li2");
                            var tjqy_li = window.parent.document.getElementById("tjqy_li");
                            jltj_li.style = "display:none!important;"
                            jltj_li2.style = "display:none;"
                            tjqy_li.style = "display:none;"
                        }

                        location.href = "/page/EnterpriseInfo"


                    } else{
                        alert(res.errorMsg);
                    }

                }
            })

        })



        if (role_id == 1) {
            // 请求企业用户列表 2为企业用户列表
            $.get("/usr/user/list/"+ 2,function(data){
                // 取用户下拉框
                var select = document.getElementById("userId");
                // 情况下拉框中的option
                var arr_option = select.options;
                // 先清除在添加
                for(var i = arr_option.length-1;i>=0;i--){
                    arr_option.remove(i);
                }
                // 创建select中的option
                var option = document.createElement('option');
                // 赋值用户名给内容
                option.innerHTML = "为企业下拉选择关联的用户";
                // 添加到select中
                select.append(option);
                // 数据状态码为200通过
                if (data.statusCode == 200) {
                    // 取到list数据集合
                    var list = data.list;
                    // forEach遍历
                    list.forEach(function(item){
                        // 创建select中的option
                        var option = document.createElement('option');
                        // 赋值用户id给value
                        option.value = item.id;
                        // 赋值用户名给内容
                        option.innerHTML = item.username;
                        // 添加到select中
                        select.append(option);
                    })
                }
            })
        }





        // 是否为子企业切换点击事件注册
        $("#subEn").on("click", function () {
            // 得到复选框状态
            var checked = $("#subEn").prop("checked");
            // 判断是否选中
            if (checked) {
                // 移除select的禁用
                $("#parentEn").removeAttr("disabled")

                // 取下拉框
                var select = document.getElementById("parentEn");
                // 情况下拉框中的option
                var arr_option = select.options;
                for(var i = arr_option.length-1;i>=0;i--){
                    arr_option.remove(i);
                }
                // 判断角色是否为管理员
                // if (role_id == 1) {
                    // 发起jsonget 请求
                    $.getJSON(
                        "/en/enterprise/all",
                        function(data){
                            // 数据状态码为200通过
                            if (data.statusCode == 200) {

                                // 取到list数据集合
                                var list = data.list;
                                // forEach遍历
                                list.forEach(function(item){
                                    // 创建select中的option
                                    var option = document.createElement('option');
                                    // 赋值id和企业名称
                                    option.value = item.id;
                                    option.innerHTML = item.enName;
                                    // 添加到select中
                                    select.append(option);
                                })
                            }

                    })
                // }
                // else {
                //     $.get("/en/enterprise/userid/"+ user_id,function(data){
                //
                //         // 数据状态码为200通过
                //         if (data.statusCode == 200) {
                //             // 取到list数据集合
                //             var list = data.list;
                //             // forEach遍历
                //             list.forEach(function(item){
                //                 // 创建select中的option
                //                 var option = document.createElement('option');
                //                 // 赋值id和企业名称
                //                 option.value = item.id;
                //                 option.innerHTML = item.enName;
                //                 // 添加到select中
                //                 select.append(option)
                //             })
                //         }
                //     })
                // }

            } else {
                $("#parentEn").attr("disabled", "disabled")
            }
        });


        // 营业执照图片预览处理
        $(document).on('click', '[data-toggle="lightbox"]', function (event) {
            event.preventDefault();
            $(this).ekkoLightbox({
                alwaysShowClose: true
            });
        });

        // 图片选择事件
        $("#file_id").change("value",function(){
            var value = $("#file_id").val();
            if (value != undefined && value != ''){
                $("#uploadFileText").text(value);
            }
        })



        $('.btn[data-filter]').on('click', function () {
            $('.btn[data-filter]').removeClass('active');
            $(this).addClass('active');
        });
    })
</script>

</html>
